body
{
background:url(../image/bg.jpg) repeat #e4e9ec top;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
p{
padding:2px;
margin:0px;
}
#main_container{
width:1000px;"css/imgareaselect-animated.css"
height:auto;
margin:auto;
padding:0px;
background-color:B8E0E8F;
}
#header{
width:1000px;
height:136px;
background:url(../image/header_bg.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
#logo{
float:left;
padding:5px 0 0 10px;
}
#main_content{
clear:both;
}
.weather{
float:right;
width:150px;
heigt:auto;
padding:8px 0 0 0;
}
.weather_text{
float:left;
font-size:16px;
padding:0 50px 0 10px;
color:#1DA1CF;
}
.weather_img{
float:left;
padding:15px 45px 20px 40px;
}
.top_right{
width:720px;
float:right;
}
.big_banner{
float:right;
padding:20px 10px 0 0;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:36px;
position:relative;
margin:5px 0 10px 0;
background:url(../image/menu_bg.gif) repeat-x;
}
#menu{ 
margin:0 0 0 330px; 
padding:0px; 
position:absolute;
display:block;
}
#menu > li{ 
list-style-type:none; 
float:left; 
display:block;
margin:0px 5px; 
position:relative; 
padding:0px; 
width:100px;
}
#menu > li:hover ul{ 
display:block;
}
#menu > li:hover{
color:#199ECD;
background-color:#808080; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
}
#menu > li a{
float:left; font-size:14px; padding:0px 8px 0px 8px; margin:10px 14px 10px 14px;text-decoration:none;color:#fff;
}
#menu > li a:hover{
float:left; font-size:14px; padding:0px 8px 0px 8px; margin:10px 14px 10px 14px;text-decoration:none;color:#199ECD;
}
#menu li ul{ 
margin:0px; 
padding:0px; 
display:none;
}
#menu li ul li{ 
list-style-type:none; 
margin:10px 0 0 0;
}
#menu li ul li a{
display:block; 
color:#A2E200;
text-decoration:none;
}
#menu li ul li:hover a{
background-color:#606060; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;
}

/*-------------left_content------------------*/
.left_content{
width:180px;
float:left;
padding:0 0 0 5px;
background-color:#B8E0E8;
}
.title_box{
width:180px;
height:30px;
margin:5px 0 0 0;
background:url(../image/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:14px;
font-weight:bold;
color:#159dcc;
line-height:30px;
}
.button_box{
width:180px;
height:45px;
}
.button{
width:30px;
float:left;
margin:5px 10px;
background-color:#CCC;
border-style:outset;
}
.button a{
color:#000000;
display:block;
text-decoration:none;
}
.button:hover{
border-style:groove;
text-decoration:none;
}
/*--------left menu---------*/
ul.left_menu{
width:180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
font-size:16px;
text-align:left;
list-style:none;
}
ul.left_menu li.odd a{
width:120px;height:35px;display:block;border-bottom:1px #e4e4e4 dashed;
text-decoration:none;color:#03f;font-weight: bold;padding:10px 0 0 59px; line-height:25px;

}
ul.left_menu li.even a{
width:120px;height:35px;display:block; border-bottom:1px #e4e4e4 dashed; background-color:#DBE9EA;
text-decoration:none;color:#03f;font-weight: bold;padding:10px 0 0 59px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
color:#ff8a00;text-decoration:none;
}

.border_box{
width:180px;
height:auto;
text-align:center;
}
.user_title{
color:#ff8a00;
font-size:16px;
padding:5px 0 5px 0;
font-weight:bold;
}
.user_title a{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.user_title a:hover{
color:#064E5A;
}
.user_img{
width:180px;
height:auto;
text-align:center;
}
/*----------searchinfo--------------*/
input.searchinfo_input{
width:150px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
.banner_adds{
width:180px;
text-align:center;
padding:10px 0 10px 0;
}
/*--------------speach------------------*/
.say_something {
height: 20px;	
width: 100px;
margin-left: 10px;
font-size: 16px;
color: #06F;
float: left;
margin-top: 16px;
}
.seapch_tips{
widrh:auto;
height: 20px;
float:right;
margin-right: 20px;
margin-top: 20px;
}
#counter{
color:#cccccc;
font-size:18px;
}
.speach {
height: auto;
width: 580px;
margin:5px 5px 5px 5px;
float: left;
}
.speach_content {
font-size: 16px;
overflow: auto;
width: 550px;
height: 100px;
margin:0 10px 0 20px;
float: right;
display: block;
resize: none;
border: 1px solid #06F;
}
.speach_submit {
background-color:#EEE;
height: 30px;
width: 70px;
float: right;
margin-top: 5px;
font-size: 16px;
color: #666;
font-weight:bold;
border: 1px solid #CCC;
cursor:pointer;
}
.speach_image {
height: auto;
width: auto;
margin:5px 3px 0 5px;
float: left;
font-size: 16px;
}
.speach_image_w {
height: 18px;
width: auto;
float: left;
font-size: 14px;
margin-top: 6px;
margin-right: 10px;
}
.speach_image_w a{
color: #06F;
text-decoration: none;
}
.speach_image_w a:hover{
text-decoration:underline;
}
#face{
width:248px;
position:absolute;
background-color:#D5D5D5;
display:none;
border:2px solid #D5D5D5;
z-index:2;
}
.face_title{
padding:5px 5px;
float:left;
font-size:12px;
color:#03F;
font-weight:bold;
}
.face_close{
padding:5px 5px;
float:right;
}
.face_close a{
text-decoration:none;
}
.face_close a:hover{
text-decoration:underline;
}
.face_content{
margin:5px 0 0 0;
padding:10px 10px;
background-color:#FFF;
float:left;
}
.face_img{
	padding:4px;
	float:left;
	border: 1px solid #ccc;
}
#picture{
position:absolute;
background-color:#D5D5D5;
display:none;
border:2px solid #D5D5D5;
z-index:2;
}
.picture_title{
padding:5px 5px;
float:left;
font-size:12px;
color:#03F;
font-weight:bold;
}
.picture_close{
padding:5px 5px;
float:right;
}
.picture_close a{
text-decoration:none;
}
.picture_close a:hover{
text-decoration:underline;
}
.picture_content{
margin:5px 0 0 0;
padding:10px 10px;
background-color:#FFFFDF;
float:left;
}
.picture_img{
	padding:4px;
	float:left;
	border: 1px solid #ccc;
}

/*center content--------------------------*/
.center_content{
width:600px;
float:left;
padding:5px 10px 5px 15px;
background-color:#FFFFFF;
min-height:600px;
}
.center_title_bar{
width:575px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:10px 0 0 5px;
line-height:31px;
font-size:14px;
color:#159DCC;
font-weight:bold;
background:url(../image/bar_bg.gif) no-repeat center;
}
#weibo_box{
width:580px;
height:auto;
margin:10px 0 0 10px;
float:left;
}
.weibo_box{
width:575px;
height:auto;
float:left;
margin:10px 0 0 5px;
}
.weibo_img{
float:left;
width:50px;
height:70px;
}
.weibo_content{
width:510px;
height:auto;
float:left;
font-size:15px;
font-family:����;
color:#666;
line-height:150%;
word-break: break-word;
overflow:hidden;
margin:5px 0 0 10px;
}
.weibo_content_info{
}
.weibo_time{
float:right;
width:125px;
height:20px;
margin:10px 250px 0 0;
}
.weibo_button{
float:right;
min-width:130px;
height:20px;
padding:10px 5px 0 0;
}
.weibo_button a{
color: #06F;
text-decoration: none;
}
.weibo_button a:hover{
text-decoration: underline;	
}
.weibo_border{
margin-top:10px;
float:right;
border-bottom:1px #e4e4e4 dashed;
width:100%;
}
.weibo_photo{
float:right;
width:510px;
height:auto;
margin:10px 5px 0 5px;
}
.weibo_photo img{
	cursor: pointer;
}
.weibo_t_photo{
float:right;
width:470px;
height:auto;
margin:10px 5px 0 5px;
}
.weibo_t_content{
float:left;
width:490px;
}
.weibo_t_info{
float:left;
width:470px;
min-height:20px;
margin:5px 5px 0 5px;
}
.weibo_t_bg {
padding: 10px;
position: relative;
border: 1px solid #B3B3B3;
margin:10px 0 0 5px;
background-color:#F7F7F7;
border-radius:5px ;
line-height: 22px;
*height: 1%;
width: 480px;
float:left;
}
.weibo_t_bg s{
position:absolute;
top:-20px;left:8px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #888 transparent;
border-style:dashed dashed solid dashed;
border-width:10px;
}
.weibo_t_bg i{
position:absolute;
top:-9px;left:-10px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #F7F7F7 transparent;
border-style:dashed dashed solid dashed;
border-width:10px;
}
.weibo_t_button{
float:right;
min-width:130px;
height:20px;
padding:10px 20px 0 0;
}
.weibo_t_time{
float:right;
min-width:125px;
height:20px;
margin:10px 200px 0 0;
}
.user_name {
font-size: 20px;
float: left;
height: 30px;
width: auto;
margin-left: 20px;
margin-top: 10px;
font-weight: bolder;
color:#818181;
}
.user_button{
float:left;
height:20px;
width:50px;
font-size:12px;
margin:15px 0 0 15px;
}
.user_button a{
color:#39F;
text-decoration:none;
}
.user_button a:hover{
text-decoration:underline;
}
.user_info {
font-size: 14px;
float: left;
height: 20px;
width: 570px;
margin-left: 20px;
margin-top: 10px;
font-weight: bolder;
color:#818181;
}
/*---------------zhuanfa_box------------------*/
#zhuanfa_box{
width:400px;
height:160px;
position:absolute;
display:none;
background-color:#FFF;
border:5px solid #C0C0C0;
z-index:101;
}
.zhuanfa_titlebox{
float:left;
width:400px;
background-color:#F5F5F5;
}
.zhuanfa_title{
padding:5px 5px;
float:left;
font-size:14px;
color:#818181;
font-weight:bold;
}
.zhuanfa_close{
font-size:12px;
padding:5px 5px;
float:right;
}
.zhuanfa_close a{
text-decoration:none;
}
.zhuanfa_close a:hover{
text-decoration:underline;
}
.zhuanfa_tips{
widrh:auto;
height: 20px;
float:right;
margin-right: 10px;
margin-top: 10px;
}
.zhuanfa_info{
float:left;
border:1px #ABABAB solid;
margin:5px 10px 5px 10px;
font-size:13px;
padding:3px;
color:#999999;
background-color:#FFF;
width: 370px;
min-height: 50px;
max-height: 150px;
_height: 120px;
outline: 0;
line-height:150%;
word-break: break-word;
overflow-x: hidden;
overflow-y: auto;
_overflow-y: visible;
}
input.zhuanfa_submit {
float:left;
background-color:#3CC;
height: 25px;
width: 60px;
margin-left:330px;
font-size: 12px;
color: #fff;
border: 1px solid #09C;
cursor:pointer;
}
input.zhuanfa_submit:hover {
background-color:#3FC;
}
#transpond_face{
width:248px;
position:absolute;
background-color:#D5D5D5;
display:none;
border:2px solid #D5D5D5;
z-index:101;
}
/*---------------comment_box------------------*/
#comment_box{
width:575px;
float:left;
height:auto;
display: none;
}
.comment_bg {
padding: 10px;
position: relative;
border: 1px solid #B3B3B3;
margin:5px 0 0 60px;
background-color:#F7F7F7;
border-radius:5px ;
line-height: 22px;
*height: 1%;
width: 480px;
float:left;
}
.comment_bg s{
position:absolute;
top:-20px;left:473px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #888 transparent;
border-style:dashed dashed solid dashed;
border-width:10px;
}
.comment_bg i{
position:absolute;
top:-9px;left:-10px;
display:block;
height:0;
width:0;
font-size: 0;
line-height: 0;
border-color:transparent transparent #F7F7F7 transparent;
border-style:dashed dashed solid dashed;
border-width:10px;
}
.comment_info{
border:1px #ddd9d9 solid;
margin:10px 15px 5px 15px;
font-size:13px;
padding:3px;
color:#999999;
background-color:#FFF;
width: 450px;
min-height: 20px;
max-height: 150px;
_height: 120px;
outline: 0;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
_overflow-y: visible;
}
input.comment_submit {
background-color:#3CC;
height: 20px;
width: 50px;
margin-left:420px;
font-size: 12px;
color: #fff;
border: 1px solid #09C;
cursor:pointer;
}
input.comment_submit:hover {
background-color:#3FC;
}
.comment_border{
margin:10px 15px;
border-bottom:1px #e4e4e4 dashed;
width:95%;
}
.comment_sbox{
width:460px;
margin:0 5px;
float:left;
}
.comment_img{
width:30px;
height:30px;
margin-top:5px;
float:left;
}
#comment_wrap{
float:left;
height:auto;
width:470px;
margin:0 10px;
}
.comment_content{
width:415px;
height:auto;
margin-left:10px;
margin-top:7px;
font-size:13px;
font-family:����;
color:#666;
line-height:150%;
word-break: break-word;
overflow:hidden;
float:left;
}
.comment_button{
float:right;
width:35px;
height:20px;
margin:10px 20px 0 0;
}
.comment_button a{
color: #06F;
text-decoration: none;
}
.comment_button a:hover{
text-decoration: underline;	
}
/*---------------comment_form------------------*/
*{ 
margin:0; 
padding:0;
}
.comment_tab { 
width:600px;
margin:10px 0px;
float:left;
}
.comment_tab_menu { 
clear:both;
}
.comment_tab_menu li { 
float:left; text-align:center; cursor:pointer; list-style:none; padding:5px 10px; margin-right:10px; background:#F1F1F1; border:1px solid #898989; border-bottom:none;font:14px Arial, Helvetica, sans-serif; color:#666;
}
.comment_tab_menu li.hover { 
background:#DFDFDF;
}
.comment_tab_menu li.selected { 
color:#FFF; 
background:#6D84B4;
}
.comment_tab_box { 
clear:both; border:1px solid #898989; height:auto;font:12px Arial, Helvetica, sans-serif; color:#666;
}
/*---------------collection_form------------------*/
.collection_title{
background-color:#F2F2F2;
font-size:12px;
color:#727272;
height:20px;
text-align:right;
margin-bottom:10px;
}
.collection_time{
float:right;
width:120px;
height:20px;
margin:10px 240px 0 0;
}
.collection_button{
float:right;
width:140px;
height:20px;
margin:10px 10px 0 0;
}
.collection_button a{
color: #06F;
text-decoration: none;
}
.collection_button a:hover{
text-decoration: underline;	
}
/*------------------load_more_weibo-----------------*/
#load_more{
	width:578px;
	height:50px;
	margin:10px;
	background-color:#E3EEF8;
	border: 1px solid #CEE1EE;
	cursor: pointer;
}
#load_words{
	margin-top:15px;
	height: 20px;
	font-size: 16px;
	color: #369;
	text-align: center;
}
/*---------------hotweibo_form------------------*/
*{ 
margin:0; 
padding:0;
}
.hot_tab { 
width:600px;
margin:10px 0px;
float:left;
}
.bot_tab_menu { 
clear:both;
}
.hot_tab_menu li { 
float:left; text-align:center; cursor:pointer; list-style:none; padding:5px 10px; margin-right:10px; background:#9CF; border:1px solid #909; border-bottom:none;font:14px Arial, Helvetica, sans-serif; color:#FFF;
}
.hot_tab_menu li.hover { 
background:#99C;
}
.hot_tab_menu li.selected { 
color:#3F0; 
background:#99F;
}
.hot_tab_box { 
clear:both; border:1px solid #898989; height:auto;font:12px Arial, Helvetica, sans-serif; color:#666;
}
.hot_img{
width:50px;
height:50px;
float:left;
}
.hot_img1{
height:30px;
font-size:14px;
font-weight:bold;
background-color:#9CF;
color:#FFF;
text-align:center;
padding-top:8px;
}
.hot_img2{
height:20px;
background-color:#EAEAEA;
font-size:12px;
color:#36F;
padding-left:15px;
}
/*----------------------right content--------------*/
.right_content{
width:180px;
float:left;
padding:0px;
background-color:#A1E1ED;
}
a.search{
width:40px;
display:block;
margin:0px 0px 10px 120px;
font-size: 12px;
padding-top: 4px;
padding-left: 7px;
color:#169ECC
}
.friend_box{
width:180px;
height:235px;
text-align:center;
}
.friend_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:0px;
}
.friend_details{
width:115px;
height:45px;
float:left;
margin-top:5px;
padding:3px 0 3px 10px;
text-align:left;
overflow: hidden;
}
.friend_icon{
width:45px;
height:45px;
float:left;
margin-top:5px;
padding:5px 0 0 5px;
}
a.friend_name{
font-size:14px;
color:#159dcc;
text-decoration:none;
width:70px;
}
a.friend_name:hover{
text-decoration:underline
}
.friend_accept{
width:45px;
height:18px;
margin-top:5px;
font-size:12px;
background-color:#159dcc;
}
.friend_accept a{
color:#000000;
text-decoration:none;
}
.icon_box{
float:left;
height:auto;
width:180px;
}
a.more{
float:right;
width: 40px;
margin-top: 5px;
margin-right: 10px;
font-size: 12px;
padding-top: 4px;
padding-left: 7px;
color:#169ECC
}
.people_box{
width:180px;
height:260px;
text-align:center;
}	
.people_icon{
width:45px;
height:55px;
float:left;
margin:0px 5px;
padding:5px 5px 0 0;
overflow:hidden;
}
.people_icon a{
padding-top:5px;
font-size:12px;
text-decoration:none;
}
.people_icon a:hover{
padding-top:5px;
font-size:12px;
text-decoration:underline;
}
span.border_f{
width:100px;
height:1px;
margin:2px 0 2px 0;
display:block;
border-top:1px #999999 dashed;
}
ul.right_menu{
width:180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.right_menu li{
margin:0px;
font-size:14px;
text-align:left;
list-style:none;
}
ul.right_menu li.odd a{
width:166px;height:27px;display:block; border-bottom:1px #e4e4e4 dashed;
text-decoration:none;color:#504b4b;padding:10px 0 2px 14px; line-height:25px;
}
ul.right_menu li.even a{
width:166px;height:27px;display:block; border-bottom:1px #e4e4e4 dashed; background-color:#DBE9EA;
text-decoration:none;color:#504b4b;padding:10px 0 2px 14px; line-height:25px;
}
ul.right_menu li.even a:hover, ul.right_menu li.odd a:hover{
color:#000; text-decoration:underline;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:65px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
background:url(../image/footer_bg.gif) repeat-x top;
background-color:#FFF;
}

/**************mask*******************/
#mask{
width:100%;
height:100%;
background-color:#000;
position:fixed;
top:0px;
left:0px;
filter:ALPHA(opacity=30);
opacity:0.3;
display:none;
z-index:100;
}
